<!DOCTYPE html>
<html ng-app="myApp">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>陶器</title>
		<link rel="stylesheet" href="../css/tq.css" />
		<link rel="stylesheet" href="../css/base.css" />
		<link rel="stylesheet" href="../css/font-awesome/css/font-awesome.min.css" />
	</head>
	<body ng-controller="myControl">
			<div class="xq">
			<img src="../img/head_01.png" alt="" />
			<p><a href="../index.html"><i class="fa fa-chevron-left"></a></i><span>陶器</span></p>
			</div>
			<ul class="luyou">
				<li ui-sref="/zx">最新</li>
				<li ui-sref="/rm">热门</li>
				<li ui-sref="/jz">价格</li>
			</ul>
			<ui-view></ui-view>
	</body>
</html>
<script src="../js/angular-1.4.6.min.js"></script>
<script src="../js/angular-ui-router.js"></script>
<script src="../js/font.js"></script>
<script>
	var app=angular.module("myApp",["ui.router"]);
	app.controller("myControl",function($http,$scope){
		
	});
	app.config(function($stateProvider,$urlRouterProvider){
		$stateProvider.state("/zx",{
		url:"/zx",
		templateUrl:"zx.html"
	}).state("/rm",{
		url:"/rm",
		templateUrl:"rm.html"
	}).state("/jz",{
		url:"/jz",
		templateUrl:"jz.html"
	});
	 $urlRouterProvider.otherwise("zx");
	})
</script>